body {
	font-size:12px;
	margin:0 auto;
	padding:0px;
}

.head {
	background:url(../images/j_header_middle.png) repeat-x;
	height:54px;
	font-size:24px;
	color:#FFF;
}

.logo {
	height:46px;
	padding-top:8px;
	padding-left:5px;
	float:left;
}

.logout {
	float:right;
	height:54px;
}

.login-member {
	float: left;
	height:44px;
	padding-top:12px;
	font-size:12px;
	font-weight:bold;
	margin-right:5px;
}

.logout-button {
	float: right;
	margin-right:10px;
}

.mm {
	width:120px;
}

.mm a{
	color:#333;
	text-decoration: none;	
}

.mm-logout a {
	color:#333;
	text-decoration: none;
}

.navigate {
	height:30px;
	border:1px solid #CCCCCC;
	background-color:#F0F0F0;
}

.navigate ul {
	list-style:none;
	margin:0 auto;
	padding:0px;
}

.navigate ul li {
	border-left:1px solid #FFFFFF;
	border-right: 1px solid #D8D8D8;
	height:28px;
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
	float:left;
}

.navigate ul li a {
	font-size:14px;
}


/*-----------------------------------------------*/
.content {
	height:100%;
	padding:5px;
}

.ct-toolbar {
	height:58px;
	border:1px solid #CCCCCC;
	background-color:#F0F0F0;
}

.ct-toolbar-title {
	background:url(../images/header/icon-48-user-profile.png) no-repeat 10px 5px;
	height:41px;
	padding-top:17px;
	padding-left: 68px;
	color:#146295;
	font-size:24px;
	font-weight:bold;
	float:left;
}

.ct-returnlist {
	font-size:14px;
}

.ct-returnlist a {
	color:#146295;
	text-decoration: none;
}

.user-add {
	background:url(../images/header/icon-48-user.png) no-repeat 10px 5px;
}

.role-groups {
	background:url(../images/header/icon-48-contacts.png) no-repeat 10px 5px;
	
}


.ct-search {
	height: 27px;
	border:1px solid #CCCCCC;
	padding-top:3px;
	padding-left: 15px;
	background-color:#F0F0F0;
}

.ct-search button {
	border:1px solid #CCC;
	background-color:#FFF;
	padding-left: 20px;
	background-position: 2px 3px;
	height: 23px;
}



.ct-bodyer {
	border:1px solid #CCCCCC;
	background-color:#F0F0F0;
	padding:10px;
	margin-top:5px;
	overflow:hidden;
	zoom:1;
}

.ct-bodyer-main {
	float:left;
	width: 600px;
}

.ct-bodyer-main img {
	border:0px;
	width:48px;
	height:48px;
}

.ct-bodyer-main ul {
	list-style:none;
	margin:0 auto;
	padding:0px;
}

.ct-bodyer-main ul li {
	width: 100px;
	height:100px;
	text-align:center;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

.ct-bodyer-main a {
	background-color: white;
	background-position: -30px;
	display: block;
	float: left;
	height: 97px;
	width: 108px;
	color: #565656;
	vertical-align: middle;
	text-decoration: none;
	border: 1px solid #CCC;
	text-align:center;
	margin-bottom:20px;
	margin-right:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition-property: background-position, -webkit-border-bottom-left-radius, -webkit-box-shadow;
	-moz-transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
}

div.ct-bodyer-main a:hover, div.ct-bodyer-main a:focus, div.ct-bodyer-main a:active {
	background-position: 0 50%;
    border-bottom-left-radius: 50% 20px;
    box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 10;
}


.ct-formbox {
	border:1px solid #CCCCCC;
	background-color:#F0F0F0;
	padding:20px;
	overflow: hidden;
}

.ct-formbox table {
	background-color:#FFF;
	width:100%;
	border:none;
}

.ct-formbox table tr {
	background-color:#F6F6F6;
}

.ct-formbox table th {
	width:8%;
}

.ct-formbox table td {
	width: 92%;
	padding:5px;
}

.ct-formbox table ul {
	margin:0px;
	padding:0px;
	list-style:none;
	width: 800px;
}

.ct-formbox table ul li {
	float:left;
	width: 200px;
}




/*-----------------------------------------------*/

.footer {
	text-align:center;
	margin-top:20px;
	font-size:14px;
}

.x-clear {
	clear: both;
}

.datagrid-wrap, .panel-body {
	border:1px solid #CCC;
}

.pagination {
	background:#efefef;
	border:1px solid #ccc;
	border-top:none;
}

